<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>用户中心</title>
    <th:block th:include="front/common/common_resource :: resources"/>

    <!-- 动态泡泡 -->
    <link th:href="@{/css/jquery.toolbar.css}" href="../../static/css/jquery.toolbar.css" rel="stylesheet"/>
    <link th:href="@{/css/documentation.css}" href="../../static/css/documentation.css" rel="stylesheet"/>
    <script th:src="@{/jquery/jquery.toolbar.js}" src="../../static/jquery/jquery.toolbar.js"></script>
    <script th:src="@{/js/front/user_center.js}" src="../../static/js/front/user_center.js"></script>
    <!--<script src="../../static/js/front/search.js" th:src="@{/js/front/search.js}"></script>-->
    <!-- 相册js引入 -->
    <script src="../../static/jquery/ekko-lightbox.min.js" th:src="@{/jquery/ekko-lightbox.min.js}"></script>
    <script th:inline="javascript">
        var type = /*[[${type}]]*/'';
    </script>
    <!-- 引入bootstrap fileinput -->
    <link th:href="@{/plugins/fileinput/css/fileinput.css}" href="../../static/plugins/fileinput/css/fileinput.css"
          rel="stylesheet"/>
    <script th:src="@{/plugins/fileinput/js/fileinput.js}"
            src="../../static/plugins/fileinput/js/fileinput.js"></script>
    <script th:src="@{/plugins/fileinput/js/locales/zh.js}"
            src="../../static/plugins/fileinput/js/locales/zh.js"></script>

</head>
<body>
<th:block th:include="front/common/header::nav"/>
<div class="grid_3">
    <div class="container">
        <div class="breadcrumb1">
            <ul>
                <i class="fa fa-cog home_1"></i>
                <span class="divider">&nbsp;|&nbsp;</span>
                <li class="current-page">个人资料设置</li>
            </ul>
        </div>
        <div class="col-md-3 col_5">
            <div class="menu">
                <div class="photo-message">
                    <div class="img-div" data-toggle="modal" data-target="#myImg">
                        <img id="head-sculpture" th:src="@{/file(path=${session.user.photo})}" class="img-circle"  src="../../static/images/1.jpg">
                    </div>
                    <div class="short-message">
                        <a th:href="@{'/profile/'+${session.user.id}}" th:text="${session.user.nickname}">看云水漂流</a>
                        <!-- 开通vip之后显示一下页面 -->
                        <img th:hidden="${vipDate==null ||  vipDate==0}" th:src="@{/images/vip.png}"
                             src="../../static/images/vip.png" data-toolbar="vip-toolbar" data-toolbar-animation="grow"
                             class="message-flag" data-toolbar-style="warning">
                        <img th:hidden="${starDate==null ||  starDate==0}" th:src="@{/images/star-0.png}"
                             src="../../static/images/star-0.png" data-toolbar="star-toolbar"
                             data-toolbar-animation="grow"
                             class="message-flag" data-toolbar-style="warning">

                        <!-- 未开通vip之后显示一下页面 -->
                        <img th:hidden="${vipDate!=null && vipDate!=0}" th:src="@{/images/vip-grey.png}"
                             src="../../static/images/vip.png" class="message-flag">
                        <img th:hidden="${starDate!=null && starDate!=0}" th:src="@{/images/star-0-grey.png}"
                             src="../../static/images/star-0.png" class="message-flag">
                        <!--光标放到上面两个img控件后显示的内容-->
                        <div id="vip-deadline" class="hidden">
                            <a href="javascript:void(0)" style="width: auto;height: auto;color: white"
                               th:text="${'剩余时间：'+vipDate+'天'}">剩余时间：29天11小时</a>
                        </div>
                        <div id="star-deadline" class="hidden">
                            <a href="javascript:void(0)" style="width: auto;height: auto;color: white"
                               th:text="${'剩余时间：'+ starDate + '天'}">剩余时间：29天11小时</a>
                        </div>
                    </div>
                    <div class="short-message">
                        <p th:text="${'ID：'+session.user.id}">ID：10000001</p>
                    </div>
                    <div class="short-message">


                        <!--<img data-toolbar="transport-options" data-toolbar-animation="grow"
                             id="vipimg" src="../../static/images/vip.png" class="flag">
                        <img src="../../static/images/star-1.png" class="flag">-->

                    </div>
                    <div class="short-message">
                        <p>牵手币余额：<span style="color: #ff8e42" th:text="${asset}">50</span></p>
                    </div>
                </div>
                <div class="list-group panel-message" id="left_list">
                    <a role="tab" class="list-group-item left-pane" href="#assetPanel" id="asset-tab" data-toggle="tab"
                       aria-controls="basicPanel">牵手币充值</a>
                    <a role="tab" class="list-group-item left-pane" href="#basicPanel" id="basic-tab" data-toggle="tab"
                       aria-controls="basicPanel">基本资料</a>
                    <a role="tab" class="list-group-item left-pane" href="#morePanel" id="more-tab" data-toggle="tab"
                       aria-controls="morePanel">详细资料</a>
                    <a role="tab" class="list-group-item left-pane" href="#workPanel" id="work-tab" data-toggle="tab"
                       aria-controls="workPanel">工作生活</a>
                    <a role="tab" class="list-group-item left-pane" href="#marryPanel" id="marry-tab" data-toggle="tab"
                       aria-controls="marryPanel">婚姻观</a>
                    <a role="tab" class="list-group-item left-pane" href="#photoPanel" id="photo-tab" data-toggle="tab"
                       aria-controls="photoPanel">我的相册</a>
                    <a role="tab" class="list-group-item left-pane" href="#identityPanel" id="identity-tab"
                       data-toggle="tab"
                       aria-controls="identityPanel">身份认证</a>
                    <a role="tab" class="list-group-item left-pane" href="#otherPanel" id="other-tab" data-toggle="tab"
                       aria-controls="otherPanel">择偶条件</a>
                    <a role="tab" class="list-group-item left-pane" href="#settingPanel" id="setting-tab"
                       data-toggle="tab"
                       aria-controls="otherPanel">系统设置</a>
                </div>
            </div>
        </div>
        <div id="mytab" class="col-md-9 tab-content tab-big">
            <div id="assetPanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>牵手币充值</h3>
                </div>
                <div class="message_main" style="height: auto;">
                    <form id="recharge" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-md-3 control-label text-right">选择支付方式：</label>
                            <div class="col-md-2" style="padding: 0">
                                <select class="form-control select-control" name="payway" id="payway">
                                    <option value="支付宝">支付宝</option>
                                    <option value="微信支付">微信支付</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label text-right">充值数量：</label>
                            <div class="col-md-4" style="padding: 0">
                                <input id="cost" name="cost" class="form-control message_main_input" value="100">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label text-right">支付金额:</label>
                            <div class="col-md-4" style="padding: 0">
                                <span id="needpayspan" style="color: #eb833d;font-size: 18px;line-height: 38px">￥&nbsp;100.0</span>
                            </div>
                        </div>

                        <div id="payImg">
                            <div style="height: 120px;margin-left: 200px">
                                <img th:src="@{/images/QRCode.jpg}" src="../../static/images/QRCode.jpg"
                                     style="height: 120px;text-align: center">
                            </div>
                        </div>

                        <div id="weChatpayImg">
                            <div style="height: 120px;margin-left: 200px">
                                <img th:src="@{/images/wechat.png}" src="../../static/images/wechat.png"
                                     style="height: 120px;text-align: center">
                            </div>
                        </div>

                        <div class="form-group message_group ">
                            <div class="col-md-12 text-center">
                                <input class="btn btn-primary " type="submit" value="提交" style="margin: 10px"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="basicPanel" class="tab-pane active">
                <br>
                <div class="message_header">
                    <h3>个人基本信息</h3>
                </div>
                <div class="fixed_message">
                    <span><strong>您的固定信息：</strong></span><br>
                    <span id="userfixed">您是一位男士，您的出生日期为1997-11-11，未婚，178CM</span><br>
                    <!--<a role="tab" href="#identityPanel" id="ridentity-tab"
                       data-toggle="tab"
                       aria-controls="identityPanel">申请修改信息</a>-->
                </div>
                <div class="message_main" style="height: auto;">
                    <form id="form-user-basic" class="basic_message_form">
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">昵称:</label>
                            <input type="hidden" name="id" th:value="${session.user.id}">
                            <input id="nickname" name="nickname" class="col-md-4 form-control message_main_input"
                                   value="看云水漂流">
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">手机号:</label>
                            <input id="tel" name="tel" class="col-md-4 form-control message_main_input"
                                   value="12321312">
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">邮箱:</label>
                            <input id="email" name="email" disabled class="col-md-4 form-control message_main_input"
                                   value="jackiegss@163.com">
                        </div>

                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">月收入：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="salary" id="salary" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                </select>
                            </div>
                        </div>
                       <!-- <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">身高：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="height" id="height" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="高中及以下">高中及以下</option>
                                    <option value="初中毕业">初中毕业</option>
                                    <option value="高中毕业">高中毕业</option>
                                    <option value="本科毕业">本科毕业</option>
                                    <option value="大专毕业">大专毕业</option>
                                    <option value="研究生">研究生</option>
                                    <option value="博士生及以上">博士生及以上</option>
                                </select>
                            </div>
                        </div>-->
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">性取向：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="sexual" id="sexual" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="男">男</option>
                                    <option value="女">女</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">学历：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="education" id="education" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="高中及以下">高中及以下</option>
                                    <option value="初中毕业">初中毕业</option>
                                    <option value="高中毕业">高中毕业</option>
                                    <option value="本科毕业">本科毕业</option>
                                    <option value="大专毕业">大专毕业</option>
                                    <option value="研究生">研究生</option>
                                    <option value="博士生及以上">博士生及以上</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">工作地区：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="work_province" id="work_province"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                </select>
                                <select name="work_city" id="work_city"
                                        class="form-control select-control double-control" style="float: right">
                                    <option value="-1">请选择</option>
                                </select>
                            </div>
                        </div>
                        <!-- vip 专属 -->
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">住房条件：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="liveCondition" id="liveCondition" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">有房</option>
                                    <option value="0">无房</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 text-right">
                                <input class="btn btn-primary " type="submit" value="提交" style="margin: 10px"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div id="morePanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>详细资料</h3>
                </div>
                <div class="message_main">
                    <form class="more_message" id="form-user-detail">
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">体重：</label>
                            <input type="hidden" name="id" th:value="${session.user.id}">
                            <input id="weight" name="weight" class="col-md-4 form-control message_main_input">
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">星座：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="zodiac" id="zodiac" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="水瓶座">水瓶座</option>
                                    <option value="双鱼座">双鱼座</option>
                                    <option value="白羊座">白羊座</option>
                                    <option value="金牛座">金牛座</option>
                                    <option value="双子座">双子座</option>
                                    <option value="巨蟹座">巨蟹座</option>
                                    <option value="狮子座">狮子座</option>
                                    <option value="处女座">处女座</option>
                                    <option value="天秤座">天秤座</option>
                                    <option value="天蝎座">天蝎座</option>
                                    <option value="射手座">射手座</option>
                                    <option value="魔羯座">魔羯座</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">民族：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="nation" id="nation" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="汉族">汉族</option>
                                    <option value="蒙古族">蒙古族</option>
                                    <option value="满族">满族</option>
                                    <option value="彝族">彝族</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">生肖：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="animal" id="animal" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="鼠">鼠</option>
                                    <option value="牛">牛</option>
                                    <option value="虎">虎</option>
                                    <option value="兔">兔</option>
                                    <option value="龙">龙</option>
                                    <option value="蛇">蛇</option>
                                    <option value="马">马</option>
                                    <option value="羊">羊</option>
                                    <option value="猴">猴</option>
                                    <option value="鸡">鸡</option>
                                    <option value="狗">狗</option>
                                    <option value="猪">猪</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">信仰：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="religion" id="religion" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="不信教">不信教</option>
                                    <option value="佛教">佛教</option>
                                    <option value="道教">道教</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">毕业院校：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="graduation0" id="graduation0"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="北京">北京</option>
                                    <option value="青岛">青岛</option>
                                    <option value="上海">上海</option>
                                </select>
                                <select name="graduation1" id="graduation1"
                                        class="form-control select-control double-control" style="float: right">
                                    <option value="-1">请选择</option>
                                    <option value="北京大学">北京大学</option>
                                    <option value="青岛大学">青岛大学</option>
                                    <option value="上海海事">上海海事</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">籍贯：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="birthplace_province" id="birthplace_province"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                </select>
                                <select name="birthplace_city" id="birthplace_city"
                                        class="form-control select-control double-control"
                                        style="float: right">
                                    <option value="-1">请选择</option>
                                    <option value="朝阳区">朝阳区</option>
                                    <option value="海淀区">海淀区</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group1">
                            <label class="col-md-3 control-label message1-lable text-right">爱好简述：</label>
                            <textarea id="hobby" name="hobby" cols="50" rows="2"
                                      value="aaaaaaaaaaaaaaaaaaaaaaaaaaaa"></textarea>
                        </div>
                        <div class="form-group message_group1">
                            <label class="col-md-3 control-label message1-lable text-right">内心独白：</label>
                            <textarea id="signature" name="signature" cols="50" rows="2"
                                      value="aaaaaaaaaaaaaaaaaaaaaaaaaaaa"></textarea>
                        </div>
                        <div class="form-group message_group ">
                            <div class="col-md-12 text-center">
                                <input class="btn btn-primary " type="submit" value="提交" style="margin: 10px"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="workPanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>工作生活</h3>
                </div>
                <div class="work-and-life">
                    <form class="work" id="form-user-life">
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">是否抽烟：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <input type="hidden" name="id" th:value="${session.user.id}">
                                <select name="smoke" id="smoke" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">是否喝酒：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="drink" id="drink" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">是否有车：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="car" id="car" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">职业类别：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="job" id="job" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="计算机/互联网">计算机/互联网</option>
                                    <option value="生产/制造">生产/制造</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">工作繁忙度：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="jobTime" id="jobTime" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="很忙">很忙</option>
                                    <option value="特别忙">特别忙</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group1">
                            <label class="col-md-3 control-label message1-lable text-right">个人性格简述：</label>
                            <textarea name="character" id="character" cols="70" rows="2"
                                      value="aaaaaaaaaaaaaaaaaaaaaaaaaaaa"></textarea>
                        </div>
                        <div class="form-group message_group1">
                            <label class="col-md-3 control-label message1-lable text-right">工作情况简述：</label>
                            <textarea name="jobBrief" id="jobBrief" cols="70" rows="2"
                                      value="aaaaaaaaaaaaaaaaaaaaaaaaaaaa"></textarea>
                        </div>
                        <div class="form-group message_group ">
                            <div class="col-md-12 text-center">
                                <input class="btn btn-primary " type="submit" value="提交" style="margin: 10px"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="marryPanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>婚姻观</h3>
                </div>
                <div class="marry">
                    <form class="married" id="form-user-status">
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">婚恋史：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <input type="hidden" name="id" th:value="${session.user.id}">
                                <select name="loveHistory" id="loveHistory" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="未谈过恋爱">未谈过恋爱</option>
                                    <option value="谈过三次以内恋爱">谈过三次以内恋爱</option>
                                    <option value="恋爱次数很多">恋爱次数很多</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">想何时结婚：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="marryTime" id="marryTime" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="认同闪婚">认同闪婚</option>
                                    <option value="一年内">一年内</option>
                                    <option value="两年内">两年内</option>
                                    <option value="三年内">三年内</option>
                                    <option value="认为时机成熟以后">认为时机成熟以后</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">是否认同异地恋：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="ldr" id="ldr" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">父母状况：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="parentStatus" id="parentStatus" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="父母均健在">父母均健在</option>
                                    <option value="只有父亲健在">只有父亲健在</option>
                                    <option value="只有母亲健在">只有母亲健在</option>
                                    <option value="父母均已经离世">父母均已经离世</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">兄弟姐妹：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="broAndSis" id="broAndSis" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="独生子女">独生子女</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group1">
                            <label class="col-md-3 control-label message1-lable text-right">家庭情况简述：</label>
                            <textarea name="familyBrief" id="familyBrief" cols="70" rows="2"
                                      value="aaaaaaaaaaaaaaaaaaaaaaaaaaaa"></textarea>
                        </div>
                        <div class="form-group message_group ">
                            <div class="col-md-12 text-center">
                                <input class="btn btn-primary " type="submit" value="提交" style="margin: 10px"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="photoPanel" class="tab-pane">
                <br>
                <div class="row">
                    <h3 class="col-md-8">我的相册</h3>
                    <div class="col-md-2 text-right">
                        <button class="btn btn-default" data-toggle="modal" data-target="#myImg"
                                style="color: orangered">头像上传
                        </button>
                    </div>
                    <div id="max-upload" class="col-md-2 text-left" th:hidden="${#lists.size(photos) lt 9}">
                        <button class="btn btn-default" disabled
                                style="color: orangered">最大上传8张
                        </button>
                    </div>
                    <div id="min-upload" class="col-md-2 text-left" th:hidden="${#lists.size(photos) ge 9}">
                        <button class="btn btn-default" data-toggle="modal" data-target="#myModal"
                                style="color: orangered">图片上传
                        </button>
                    </div>
                </div>
                <div id="photodiv" class="row">
                    <section id="gallery">
                        <div class="container-fluid">
                            <div id="photoContent" style="padding: 60px">
                                <!-- 一行3张图片 等大小 -->
                                <div th:each="photo,pStat:${photos}" class="photo-single" th:id="${'photo-single-'+photo.id}">
                                    <a th:href="@{/file(path=${photo.photo})}"
                                       data-toggle="lightbox" data-gallery="sigma-gallery"
                                       data-title="Image Title 01">
                                        <img th:src="@{/file(path=${photo.photo})}"
                                             alt="第1张"
                                             class="img-fluid sigmapad">
                                        <a th:id="${'photo-del-'+photo.id}" th:if="${pStat.index!=0}" class="photo-del"><i
                                                class="fa fa-times"></i></a>
                                    </a>
                                    <div class="submit inline-block">
                                        <button th:id="${'photo-btn-'+photo.id}" th:disabled="${pStat.index==0}"
                                                class="hvr-wobble-vertical set-photo-btn" th:text="${pStat.index==0?'当前头像':'设为头像'}">
                                        </button>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div id="identityPanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>身份认证</h3>
                </div>
                <div th:if="${session.user.authenticated}" class="ident_auth">
                    <span  style="font-size: 25px"
                        class="col-md-12 text-center">您已经认证过！</span>
                </div>

                <div th:if="${!session.user.authenticated}">
                    <form class="more_message" id="form-user-comfirm">
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">真实姓名：</label>
                            <input type="hidden" name="id" th:value="${session.user.id}">
                            <input th:disabled="${session.user.authenticated}" id="comfirm_realname" name="realname"
                                   class="col-md-4 form-control message_main_input">
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">身份证号：</label>
                            <input th:disabled="${session.user.authenticated}" id="comfirm_cardnumber" name="cardnumber"
                                   class="col-md-4 form-control message_main_input">
                        </div>
                        <div class="form-group message_group ">
                            <div class="col-md-7 text-center">
                                <input class="btn btn-primary" th:disabled="${session.user.authenticated}" type="submit"
                                       value="提交" style="margin: 10px"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="otherPanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>择偶条件</h3>
                </div>
                <div class="other">
                    <form class="other-form" id="form-user-pick">
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">性别：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <input type="hidden" name="id" th:value="${session.user.id}">
                                <input name="sex" id="sex" class="form-control select-control" readonly>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">婚姻状况：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="marryStatus" id="marryStatus" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="男">已婚</option>
                                    <option value="女">未婚</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">职业类别：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="job" id="job1" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="男">空姐</option>
                                    <option value="女">女</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">是否抽烟：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="smoke" id="smoke1" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>

                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">是否喝酒：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="drink" id="drink1" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">年龄：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="ageLow" id="age-select-low"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                </select>
                                <span>—</span>
                                <select name="ageHigh" id="age-select-high"
                                        class="form-control select-control double-control"
                                        style="float: right">
                                    <option value="-1">请选择</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">月收入：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="salaryLow" id="salary-select-low"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <!--  <option value="3000以下">3000以下</option>
                                      <option value="3000-4000">3000-4000</option>
                                      <option value="4000-5000">4000-5000</option>
                                      <option value="5000-6000">5000-6000</option>
                                      <option value="6000-7000">6000-7000</option>
                                      <option value="7000-8000">7000-8000</option>
                                      <option value="8000-9000">8000-9000</option>
                                      <option value="9000-10000">9000-10000</option>
                                      <option value="10000-11000">10000-11000</option>
                                      <option value="11000以上">11000以上</option>-->
                                </select>
                                <span>—</span>
                                <select name="salaryHigh" id="salary-select-high"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <!--<option value="3000以下">3000以下</option>
                                    <option value="3000-4000">3000-4000</option>
                                    <option value="4000-5000">4000-5000</option>
                                    <option value="5000-6000">5000-6000</option>
                                    <option value="6000-7000">6000-7000</option>
                                    <option value="7000-8000">7000-8000</option>
                                    <option value="8000-9000">8000-9000</option>
                                    <option value="9000-10000">9000-10000</option>
                                    <option value="10000-11000">10000-11000</option>
                                    <option value="11000以上">11000以上</option>-->
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">身高：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="heightLow" id="height-select-low"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="130以下">130以下</option>
                                    <option value="131">131</option>
                                    <option value="132">132</option>
                                    <option value="133">133</option>
                                    <option value="134">134</option>
                                </select>
                                <span>—</span>
                                <select name="heightHigh" id="height-select-high"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="130以下">130以下</option>
                                    <option value="131">131</option>
                                    <option value="132">132</option>
                                    <option value="133">133</option>
                                    <option value="134">134</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group message_group">
                            <label class="col-md-3 control-label message-lable text-right">工作地区：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="workplace_province1" id="workplace_province1"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                </select>
                                <select name="workplace_city1" id="workplace_city1"
                                        class="form-control select-control double-control"
                                        style="float: right">
                                    <option value="-1">请选择</option>
                                    <option value="朝阳区">朝阳区</option>
                                    <option value="海淀区">海淀区</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group message_group" th:hidden="${!session.user.vip}">
                            <label class="col-md-3 control-label message-lable text-right">学历：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="education" id="education1" class="form-control select-control">
                                    <option value="-1">请选择</option>
                                    <option value="小学及以下">小学及以下</option>
                                    <option value="初中毕业">初中毕业</option>
                                    <option value="高中毕业">高中毕业</option>
                                    <option value="本科毕业">本科毕业</option>
                                    <option value="大专毕业">大专毕业</option>
                                    <option value="研究生">研究生</option>
                                    <option value="博士生及以上">博士生及以上</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group message_group" th:hidden="${!session.user.vip}">
                            <label class="col-md-3 control-label message-lable text-right">所在地区：</label>
                            <div class="col-md-4" style="padding: 0px">
                                <select name="birthplace_province1" id="birthplace_province1"
                                        class="form-control select-control double-control">
                                    <option value="-1">请选择</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                </select>
                                <select name="birthplace_city1" id="birthplace_city1"
                                        class="form-control select-control double-control"
                                        style="float: right">
                                    <option value="-1">请选择</option>
                                    <option value="朝阳区">朝阳区</option>
                                    <option value="海淀区">海淀区</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group message_group ">
                            <div class="col-md-6 text-right">
                                <input class="btn btn-primary " type="submit" value="提交" style="margin: 10px"/>
                            </div>
                            <div class="col-md-6 text-left" th:hidden="${session.user.vip}">
                                <a class="btn btn-link" th:href="@{/vip}" style="margin: 10px">想获取更多权限请点击我。。。。</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="settingPanel" class="tab-pane">
                <br>
                <div class="message_header">
                    <h3>系统设置</h3>
                </div>
                <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                    <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="Tab" class="nav nav-tabs nav-tabs1" role="tablist">
                            <li role="presentation" class="active"><a href="#modify_password" id="password-tab"
                                                                      role="tab" data-toggle="tab"
                                                                      aria-controls="modify_password"
                                                                      aria-expanded="true">修改密码</a></li>
                            <li role="presentation"><a href="#profile1" role="tab" id="profile-tab1" data-toggle="tab"
                                                       aria-controls="profile1">权限设置</a></li>
                        </ul>
                        <div id="myTabContent" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="modify_password"
                                 aria-labelledby="modify_password">
                                <div class="tab_box">
                                    <form id="form-reset-pwd" class="form-horizontal">
                                        <div class="form-group">
                                            <label for="newpwd" class="col-md-4 control-label message-lable text-right">密码：</label>
                                            <div class="col-md-4">
                                                <input type="hidden" name="id" th:value="${session.user.id}">
                                                <input type="password" name="newpwd" id="newpwd" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="password"
                                                   class="col-md-4 control-label message-lable text-right">确认密码：</label>
                                            <div class="col-md-4">
                                                <input type="password" name="password" id="password"
                                                       class="col-md-9 form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-12 text-center">
                                                <input class="btn btn-primary" type="submit" value="提交"
                                                       style="margin: 10px"/>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="profile1" aria-labelledby="profile1">
                                <div class="tab_box">
                                    <form id="form-reset-auth">
                                        <div class="checkbox" style="  position: relative; left: 40%">
                                            <label>
                                                <input type="hidden" name="id" th:value="${session.user.id}">
                                                <input type="radio" name="authority" value="1"
                                                       th:checked="${session.user.authority==1}">
                                                所有人可见
                                            </label>
                                        </div>
                                        <div class="checkbox" style="  position: relative; left: 40%">
                                            <label>
                                                <input type="radio" name="authority" value="2"
                                                       th:checked="${session.user.authority==2}">
                                                仅我关注的人可见
                                            </label>
                                        </div>
                                        <div class="checkbox" style="  position: relative; left: 40%">
                                            <label>
                                                <input type="radio" name="authority" value="0"
                                                       th:checked="${session.user.authority==0}">
                                                所有人不可见
                                            </label>
                                        </div>
                                        <div class="form-group message_group ">
                                            <div class="col-md-12 text-center">
                                                <input class="btn btn-primary " type="submit" value="提交"
                                                       style="margin: 10px"/>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>

<!--页面尾部-->
<th:block th:include="front/common/footer::foot"/>

<!-- 图片上传 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">请选择要上传的照片</h4>
            </div>
            <div class="modal-body">
                <form enctype="multipart/form-data">
                    <div class="form-group">
                        <div class="file-loading">
                            <input id="file-1" type="file" name="photos" multiple class="file"
                                   data-overwrite-initial="false">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">完成</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 头像上传 模态框（Modal） -->
<div class="modal fade" id="myImg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myImgModalLabel">请选择要上传的头像</h4>
            </div>
            <div class="modal-body">
                <form enctype="multipart/form-data">
                    <div class="form-group">
                        <div class="file-loading">
                            <input id="img" type="file" name="photo"  class="file"
                                   data-overwrite-initial="false">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">完成</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

</body>
</html>	